<!DOCTYPE html>
<html lang="en">

<head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>自然堂登录注册页面</title>
     <link rel="stylesheet" href="../css/base.css">
     <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
     <link href=" https://chandoweb.oss-cn-shanghai.aliyuncs.com/fz/favicon.ico" rel="icon" />
     <link rel="stylesheet" href="../css/register.css">
     <style>

     </style>
</head>

<body>
     <!-- 头部 -->
     <header>
          <img src="../img/index/logo.png" alt="">
     </header>

     <!-- 导航栏 -->
     <nav>
          <!-- 下拉logo显示 -->
          <div class="nav-logo"><img src="../img/index/logo.png" alt=""></div>
          <ul name="list" id="list">
               <li><a class="btn btn-primary btn-lg" href="./index.html?cat_one_id=热门推荐" role="button">首页</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=汽车生活" role="button">护肤</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=生活电器" role="button">面膜</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家居生活" role="button">彩妆</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=珠宝首饰" role="button">男士</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=海外购" role="button">会员俱乐部</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=海外购" role="button">关于自然堂</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">专柜查询</a></li>
               <li><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=大家电" role="button">防伪查询</a></li>
           </ul>
   
           <div class="search">
               <a href="./list.html?cat_one_id=海外购"><img src="../img/index/search.png" alt=""></a>
               <a href="./cart.html"><img src="../img/index/cart.png" alt=""></a>
               <a href="./login.html" class="last"><img src="../img/index/personalCenter.png" alt=""><span
                       id="localUser"></span></a>
               <a href="./index.html"name="logout" class="logout"><img src="../img/index/right.png" alt=""><span
                       id="localUser"></span></a>
           </div>
     </nav>
     <!-- 内容区 -->
     <main>
          <!-- 大盒子 -->
          <div class="margin_mini">
               <div class="top">
                    <span><a href="./login.html" class="login">登录</a></span>
                    <i></i>
                    <span><a href="./register.html" class="register">注册</a></span>
               </div>
               <!-- 登录 -->
               <!-- <div class="bot1">
                    <form id="form1" action="index.html" method="post">
                         <ul>
                              <li>
                                   <span>用户名</span>:
                                   <input type="text" placeholder="请输入用户名" name="user">
                              </li>
                              <li>
                                   <span>密&emsp;码</span>:
                                   <input type="password" placeholder="请输入用户名" name="password">
                              </li>
                              <li>
                                   <span>邮&emsp;箱</span>:
                                   <input type="email" placeholder="请输入邮箱" name="email">
                              </li>
                              <input type="submit" class="submit" href="#" value="登录">
                         </ul>
                    </form>
                    <div class="bto1-right">
                         <h3>注册自然堂账户</h3>
                         <p>注册自然堂账号以便追踪您的订单,管理收货地址, 获取更多个性化信息</p>
                         <button class="button">创建账号</button>

                    </div>



               </div> -->
               <!-- 注册 -->
               <div class="bot2">

                    <div class="form-horizontal">
                         <div class="form-group">
                              <label for="username" class="col-sm-2 control-label">用户名</label>
                              <div class="col-sm-10">
                                   <input name="name" type="text" class="form-control inputWidth" placeholder="用户名">
                                   <span name="nameSpan" class="spanspan"></span>
                              </div>
                         </div>
                         <div class="form-group">
                              <label for="password" class="col-sm-2 control-label">密&emsp;码</label>
                              <div class="col-sm-10">
                                   <input name="pwd1" type="password" class="form-control inputWidth" placeholder="密码">
                                   <span name="pwd1Span" class="spanspan"></span>
                              </div>
                         </div>

                         <div class="form-group">
                              <label for="password" class="col-sm-2 control-label">确认密码</label>
                              <div class="col-sm-10">
                                   <input name="pwd2" type="password" class="form-control inputWidth"
                                        placeholder="确认密码">
                                   <span class="spanspan"></span>

                              </div>
                         </div>

                         <div class="form-group">
                              <label for="password" class="col-sm-2 control-label">验证码</label>
                              <div class="col-sm-10">
                                   <input name="vc" type="text" class="form-control inputWidth" id="ac"
                                        placeholder="验证码"> <a id="sc"></a><br>
                                   <span name="vcSpan" class="spanspan"></span>
                              </div>
                         </div>






                         <div class="form-group">
                              <div class="col-sm-offset-2 col-sm-10">
                                   <button type="submit" class="btn btn-default" style="display: block;
                                text-align: center;
                                width: 300px;
                                height: 44px;
                                background-color: black;
                                color: white;
                                font-size: 19px;
                                /* margin-left:20px; */
                                border: 1px solid transparent;">注册</button>
                              </div>
                         </div>
                         </form>

                         <div name="msg"></div>
                         </form>



                    </div>

               </div>

     </main>







     <footer>
          <h3 style="margin-top: 30px; color: white;">官网特别服务</h3>
          <!-- 服务图标 -->
          <ul class="serviceList">
               <li>
                    <a href=""><img src="../img/index/apply.png" alt="">
                         <p>适用申领</p>
                    </a>
               </li>
               <li>
                    <a href=""><img src="../img/index/shop.png" alt="">
                         <p>积分商城</p>
                    </a>
               </li>
               <li>
                    <a href=""><img src="../img/index/counter.png" alt="">
                         <p>专柜查询</p>
                    </a>
               </li>
               <li>
                    <a href=""><img src="../img/index/anti.png" alt="">
                         <p>防伪查询</p>
                    </a>
               </li>

          </ul>
          <!-- 官网福利 -->
          <div class="b_left">
               <ul>
                    <li>
                         <dl>
                              <dt>官网福利</dt>
                              <dd>正品保证</dd>
                              <dd>贴心售后</dd>
                              <dd>首购有礼</dd>
                              <dd>全场包邮</dd>
                         </dl>
                    </li>
                    <li>
                         <dl>
                              <dt>使用规范</dt>

                              <dd>使用条款</dd>
                              </a>

                              <dd>隐私政策</dd>
                              </a>

                              <dd>Cookies政策</dd>
                              </a>
                         </dl>
                    </li>
                    <li>
                         <dl>
                              <dt>联系我们</dt>
                              <dd>总机:</dd>
                              <dd>021-62220000</dd>
                              <dd>客服热线:</dd>
                              <dd>400-888-2788</dd>
                         </dl>
                    </li>
                    <li>
                         <dl>
                              <dt>关注我们</dt>
                              <dd>

                                   <img alt="" class="we" src="../img/index/wechart.png" />
                                   官网微信

                              </dd>
                              <dd>

                                   <img alt="" src="../img/index/weibo.png" />
                                   官网微博

                              </dd>
                         </dl>
                    </li>
               </ul>
          </div>
          <div class="bottomBg">
               <p>国家药监局提示您:化妆品不能宣称医疗作用,也没有治疗作用,宣称治疗儿童湿疹等皮肤病的产品不属于化妆品。</p>
               <p>©2020 伽蓝(集团)股份有限公司版权所有&emsp;&emsp;&emsp;&emsp;<span><img src="../img/index/icp_ico.png"
                              alt=""></span>&emsp;沪ICP备09100493号-3</p>
          </div>

     </footer>
     <a href="#" class="toTop"><img src="../img/index/top.png" alt=""></a>


     <script src="../tools/jquery.min.js"></script>
     <script src="../js/tools.js"></script>
     <script src="../js/ajax.js"></script>
     <script src="../js/register.js"></script>
     <!-- <script src="../js/cookie.js"></script> -->
     <!-- <script src="../js/index.js"></script> -->

</body>

</html